<h3>{{'LIVETODAY' | translate}}</h3>
<table class="competitionTable">
    <thead>
        <tr><th>{{'DATE' | translate}}</th><th>{{'NAME' | translate}}</th><th>{{'ORGANIZER' | translate}}</th></tr>
    </thead>
    <tr ng-repeat="competition in todayCompetitions = (competitions| filter:{date:today})" ng-click="selectComp(competition.id)">
        <td>{{competition.date}}</td>
        <td>{{competition.name}}</td>
        <td>{{competition.organizer}}</td>
    </tr>
    <tr ng-hide="todayCompetitions.length"><td colspan="3">{{'NOCOMPETITIONSTODAY' | translate}}</td></tr>
</table>
<h3>{{'COMPETITIONARCHIVE' | translate}}</h3>
<table class="competitionTable" data-ng-init="numRows = 20">
    <thead>
        <tr><th>{{'DATE' | translate}}</th><th>{{'NAME' | translate}}</th><th>{{'ORGANIZER' | translate}}</th></tr>
    </thead>
    <tr ng-repeat="competition in  (filteredCompetitions = ( competitions | filter: search)) | limitTo: numRows" ng-click="selectComp(competition.id)">
        <td>{{competition.date}}</td>
        <td>{{competition.name}}</td>
        <td>{{competition.organizer}}</td>
    </tr>
</table>
...
<p><a href data-ng-click="numRows=numRows+50">Visa Fler</a></p>
<p>Visar 1..{{filteredCompetitions.length < numRows ? filteredCompetitions.length : numRows }} av totalt {{filteredCompetitions.length}} tävlingar som matchar sökningen</p>
Sök tävling <input type="text" data-ng-model="search"/>